<!DOCtype html>
<html ng-app="advertiserApp">
	 <head>
	     <meta charset= "utf-8"/>
		 <title>已投放广告</title>
		 <script type="text/javascript" src="/web-adv/advWeb/static/vendor/angular/angular.min.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/vendor/jquery/dist/jquery.min.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/vendor/bootstrap/dist/js/bootstrap.min.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/js/mainApp.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/controller/advertiserCtrl.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/js/main.js"></script>
		 <link rel="stylesheet" href="/web-adv/advWeb/static/vendor/bootstrap/dist/css/bootstrap.min.css" />
		 <link rel="stylesheet" href="/web-adv/advWeb/static/vendor/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
		 <link rel="stylesheet" href="/web-adv/advWeb/static/styles/layout.css" />
		 <link rel="stylesheet" href="/web-adv/advWeb/static/styles/main.css" />
		 <link rel="stylesheet" href="/web-adv/advWeb/static/styles/table.css" />
		 <link rel="shortcut icon" href="/web-adv/advWeb/static/favicon.ico" />
		 <link rel="bookmark" href="/web-adv/advWeb/static/favicon.ico" />
	 </head>
	 <body ng-controller="advertiserCtrl">	
         <div class="headerBox"></div>
         <div class="nav"><ul></ul></div>
		 <div class="content">
         <!-- begin -->		 
		     <div class="websiteMapBox">
			     <span>当前页面></span>
				 <span>已投放广告</span>
			 </div>
			 <div class="itemAdGroup">
			 	<div class="topTitle">
			 		<button class="btn btn-primary btnTitle">投放时间</button>
			 		<!-- <button class="modifyBtn btn btn-primary">修改</button> -->
			 	</div>
			 	<div class="adDescribe " style="margin-left: 150px;">
			 		<span>投放时间:</span>
			 		<span>2014年12月15日--2014年12月8日</span>
			 	</div>
			 </div>
			 <div class="itemAdGroup">
			 	<div class="topTitle">
			 		<button class="btn btn-primary btnTitle">广告名称</button>
			 	</div>
			 	<div class="adDescribe " style="margin-left: 150px;">
			 		<span>广告名称:</span>
			 		<span>玉兰油</span>
			 		<img src="/web-adv/advWeb/static/images/ADselect_pic.png">
			 		<button class="modifyBtn btn btn-primary" style="right: 650px;top: 80px;" data-toggle="modal"  data-target=".videoModal" onclick="flashImg.loadingVideo()">预览</button>
			 		<button class="modifyBtn btn btn-primary" ng-if=false style="right: 650px;top: 80px;" data-toggle="modal" data-target=".imageModal">预览</button>
			 	</div>
			 </div>
			 <div class="itemAdGroup">
			 	<div class="topTitle">
			 		<button class="btn btn-primary btnTitle">投放金额</button>
			 		<!-- <button class="modifyBtn btn btn-primary">修改</button> -->
			 	</div>
			 	<div class="adDescribe " style="margin-left: 150px;">
			 		<span>投放金额:</span>
			 		<div style="background: #ccc;width: 600px;height: 60px;border-radius: 5px;display: inline-block;line-height: 60px;">
			 			<span>200000(元)</span>
			 		</div><br><br><br>
			 		<span>投放单价:</span>
			 		<div style="background: #ccc;width: 600px;height: 60px;border-radius: 5px;display: inline-block;line-height: 60px;">
			 			<span>100(次/元)</span>
			 		</div>
			 	</div>
			 </div>
		     <div class="itemAdGroup">
			     <div class="topTitle">
				     <button class="btn btn-primary btnTitle">广告终端格式</button>				 
				 </div>
				 <div class="adClient right">
				     <div class="left">
					     <img src="/web-adv/advWeb/static/images/padIcon.png" alt="">
						 <span>PAD</span>
					 </div>
					 <div class="center">
					     <img src="/web-adv/advWeb/static/images/padPeople.png" alt="">
					 </div>
					 <div class="right">
					     <p><span>投放金额：</span><span>30(元)</span></p>
					     <p><span>投放单价：</span><span>3(元/次)</span></p>
					 </div>
					 <div class="clear"></div>
				 </div>
				 <div class="clear"></div>
			 </div>
		     <div class="itemAdGroup">
			     <div class="topTitle">
				     <button class="btn btn-primary btnTitle">投放渠道</button>				 
				 </div>
				 <div class="adDitch right">
				     <div class="adDitchAll left">					     				 
					 </div>
					 <ul class="right listGroup">
					     <li>
						     <img class="left" src="/web-adv/advWeb/static/images/test1.png" alt="">
						     <button class="btn btn-primary left">国家地理</button>
						     <div class="right">
					             <p><span>投放金额：</span><span>30(元)</span></p>
					             <p><span>投放单价：</span><span>3(元/次)</span></p>
					         </div>
							 <div class="clear"></div>
						 </li>
						 <li>
						     <img class="left" src="/web-adv/advWeb/static/images/test2.png" alt="">
						     <button class="btn btn-primary left">国家地理</button>
						     <div class="right">
					             <p><span>投放金额：</span><span>30(元)</span></p>
					             <p><span>投放单价：</span><span>3(元/次)</span></p>
					         </div>
							 <div class="clear"></div>
						 </li>
						 <li>
						     <img class="left" src="/web-adv/advWeb/static/images/test3.png" alt="">
						     <button class="btn btn-primary left">国家地理</button>
						     <div class="right">
					             <p><span>投放金额：</span><span>30(元)</span></p>
					             <p><span>投放单价：</span><span>3(元/次)</span></p>
					         </div>
							 <div class="clear"></div>
						 </li>
						 <li>
						     <img class="left" src="/web-adv/advWeb/static/images/test4.png" alt="">
						     <button class="btn btn-primary left">国家地理</button>
						     <div class="right">
					             <p><span>投放金额：</span><span>30(元)</span></p>
					             <p><span>投放单价：</span><span>3(元/次)</span></p>
					         </div>
							 <div class="clear"></div>
						 </li>
					 </ul>
					 <div class="clear"></div>
				 </div>
				 <div class="clear"></div>
			 </div>			
			 <!-- <div class="itemAdGroup">
			     <div class="topTitle">
				     <button class="btn btn-primary btnTitle">广告类别属性</button>				 
				 </div>
				 <div class="adTarget">
				     <ul>
					     <li><img src="/web-adv/advWeb/static/images/adTarget1.png" alt=""></li>
					     <li><img src="/web-adv/advWeb/static/images/adTarget2.png" alt=""></li>
					     <li><img src="/web-adv/advWeb/static/images/adTarget3.png" alt=""></li>
					     <li><img src="/web-adv/advWeb/static/images/adTarget4.png" alt=""></li>
					     <li><img src="/web-adv/advWeb/static/images/adTarget5.png" alt=""></li>
					     <li><img src="/web-adv/advWeb/static/images/adTarget6.png" alt=""></li>
					     <li><img src="/web-adv/advWeb/static/images/adTarget6.png" alt=""></li>
					     <li><img src="/web-adv/advWeb/static/images/adTarget6.png" alt=""></li>
					 </ul>
				 </div>
				 <div class="clear"></div>
			 </div>
			 <div class="itemAdGroup">
			     <div class="topTitle">
				     <button class="btn btn-primary btnTitle">兴趣爱好</button>				 
				 </div>
				 <div class="adTarget">
				     <ul>
					     <li><img src="/web-adv/advWeb/static/images/adTarget1.png" alt=""></li>
					     <li><img src="/web-adv/advWeb/static/images/adTarget2.png" alt=""></li>
					     <li><img src="/web-adv/advWeb/static/images/adTarget3.png" alt=""></li>
					     <li><img src="/web-adv/advWeb/static/images/adTarget4.png" alt=""></li>
					     <li><img src="/web-adv/advWeb/static/images/adTarget5.png" alt=""></li>
					     <li><img src="/web-adv/advWeb/static/images/adTarget6.png" alt=""></li>
					     <li><img src="/web-adv/advWeb/static/images/adTarget6.png" alt=""></li>
					     <li><img src="/web-adv/advWeb/static/images/adTarget6.png" alt=""></li>
					 </ul>
				 </div>
				 <div class="clear"></div>
			 </div> -->
			 <a href="javascript:location.href='/web-adv/advWeb/views/adManagement/alreadyAd/index.html?'+escape('selectedNav=2&navPos=0')" class="btn btn-primary modifyImgSignBtn">返回</a>
		 <!-- end -->
		 </div>
		 <!-- video modal -->
         <div class="modal fade videoModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
             <div class="modal-dialog modal-lg">
                 <div class="modal-content"  style="position:relative"> 
				     <div id="flashVideoBox" style="height:560px;"></div>
					 <div onclick="flashImg.closeVideo($(this))" data-dismiss="modal" style="font-size:18px;position:absolute;top:4px;right:8px;color:#0787FF;cursor:pointer;">X</div>				
                 </div>
             </div>
         </div>	
         <!-- image modal -->
		 <div class="modal fade imageModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
             <div class="modal-dialog modal-lg" style="width:1200px;">		     
                 <div class="modal-content" style="position:relative"> 
                     <div data-dismiss="modal" style="position:absolute;top:10px;right:10px;cursor:pointer;font-size:18px;">X</div>
					 <div class="flashImgHomePage">
					     <div class="topTitle">
				             <button class="btn btn-primary btnTitle">广告默认封面</button>
				         </div>
						 <div class="flashImgHomePageImg">
						     <img src="/web-adv/advWeb/static/images/1000101.png" alt="" />
						 </div>
					 </div>
					 <div class="flashImgBox">
                         <div class="topTitle">
				             <button class="btn btn-primary btnTitle">广告轮播图</button>
				         </div>
                         <div class="flashImgWrapOutside">
						     <div class="goLeftIcon" onclick="flashImg.leftClick()"></div>
						     <div class="flashImgWrap">
						         <ul class="adCoverFilmsWrap">
							         <li>
								         <img src="/web-adv/advWeb/static/images/1000101.png" alt="" />
								     </li>
									 <li>
								         <img src="/web-adv/advWeb/static/images/1000101.png" alt="" />
								     </li>
									 <li>
								         <img src="/web-adv/advWeb/static/images/1000101.png" alt="" />
								     </li>
									 <li>
								         <img src="/web-adv/advWeb/static/images/1000101.png" alt="" />
								     </li>
									 <li>
								         <img src="/web-adv/advWeb/static/images/1000101.png" alt="" />
								     </li>
									 <li>
								         <img src="/web-adv/advWeb/static/images/1000101.png" alt="" />
								     </li>
									 <li>
								         <img src="/web-adv/advWeb/static/images/1000101.png" alt="" />
								     </li>
									 <li>
								         <img src="/web-adv/advWeb/static/images/1000101.png" alt="" />
								     </li>
									 <li>
								         <img src="/web-adv/advWeb/static/images/1000101.png" alt="" />
								     </li>
							     </ul>
						     </div>
					         <div class="goRightIcon" onclick="flashImg.rightClick()"></div>
						 </div>						 
					     
					 </div>					 
                 </div>
             </div>
         </div>
	     <script type="text/javascript" src="/web-adv/advWeb/static/vendor/ckplayer/ckplayer.js"></script>
		 <script type="text/javascript">		     
				 flashImg.loadingVideo=function(){				    
					 var flashvars={
		                 f:'http://img.ksbbs.com/asset/Mon_1605/0ec8cc80112a2d6.mp4',//视频url
		                 c:0,
		                 b:1, 
		                 i:'http://www.ckplayer.com/static/images/cqdw.jpg', //视频封面url
					     my_url:window.location.href  //分享地址
		             };
	                 var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
	                 CKobject.embedSWF('/web-adv/advWeb/static/vendor/ckplayer/ckplayer.swf','flashVideoBox','ckplayer_a1','100%','100%',flashvars,params);
				 };
				 flashImg.closeVideo=function(ele){				     
				     ele.siblings("div#flashVideoBox").empty();									 
		         };			 						     						    	                        	
         </script>
	 </body>
</html>